<template>
  <div class="account-footer">
    <div class="flex flex-between foot-options">
      <ul class="options-box">
        <li>Help</li>
        <li>Program Policies</li>
        <li>
          <select name="en" id="language">
            <option value="en">English</option>
          </select>
        </li>
        <li class="download-btn">
          <div class="app-logo"></div>
          <p>Download the Amazon Seller mobile app</p>
        </li>
      </ul>
      <div class="copyright">© 1999-2023, Amazon.com, Inc. or its affiliates</div>
    </div>
    <!-- <p class="foot-info">On Seller Central, we only use cookies and similar tools (collectively, ‘cookies’) to provide services to you, including authenticating you and preserving your settings. Other Amazon sites and services may use cookies for additional purposes; to find out more about how Amazon uses cookies, please read the <span>Amazon Cookies Notice.</span></p> -->
  </div>
</template>

<style lang="less" scoped>
.account-footer {
  padding: 14px 2.5% 40px;
  font-size: 13px;
  border-top: 1px solid #e7e7e7;

  .options-box {
    display: flex;
    color: #002f36;

    li {
      height: 19px;
      line-height: 19px;
      padding-right: 10px;
      margin-right: 10px;
      border-right: 1px solid #e7e7e7;
      cursor: pointer;

      select {
        width: 89px;
        box-sizing: border-box;
        height: 24px;
        padding: 0 5px 0 7px;
        border: 1px solid #d0d0d0;
        border-top-color: #bbb;
        border-radius: 3px;
      }
    }
    .download-btn {
      display: flex;
      border-right: 0;
      .app-logo {
        width: 32px;
        height: 32px;
        margin-top: -5px;
        margin-right: 5px;
        background: url(../assets/images/amz_foot_logo.png) no-repeat;
      }
    }
  }
  .copyright {
    color: #aaa;
  }
  .foot-info {
    line-height: 19px;
    margin-top: 14px;

    span {
      color: #007185;
    }
  }
}
</style>
